<template>
  <div id="app">
    <div class="layout">
      <Layout>
        <!-- 顶部导航 -->
        <Header/>
        <Content>
          <!-- 内容区 -->
          <router-view/>
        </Content>
        <!-- 底部 -->
          <MyFooter/>
      </Layout>
    </div>
  </div>
</template>

<script>
import Banner from './components/banner'
import Header from './components/header'
import MyFooter from './components/footer'
export default {
  components:{
    Banner,Header,MyFooter
  }
};
</script>

<style scoped>
  #app{
    background-color: rgb(246,246,246);
  }
</style>